<script setup lang="tsx">
import { useDesign } from '@fetm/shared-hooks'
import { RouterView } from 'vue-router'

const { getPrefixCls } = useDesign()

const prefixCls = getPrefixCls('app')
</script>

<template>
  <RouterView :class="[prefixCls]" />
</template>

<style lang="less">
@prefix-cls: ~'@{namespace}-app';

html,
body {
  padding: 0 !important;
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;

  #app {
    width: 100%;
    height: 100%;
  }
}
</style>
